<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>菜鸟教程</title>
    <form action="/" method="post">
        <!-- 文本输入框 -->
         <label for="name">用户名：</label>
         <input type="text" id="name" required>

         <br>

         <!-- 密码输入框 -->
          <label for="password">密码：</label>
          <input type="password" id="password" name="password" required>

          <br>
          <!-- 单选按钮 -->
    <label >性别：</label>
    <input type="radio" id="male" name="gender" vable="male" checked>
    <label for="male">男</label>
    <input type="radio" id="female" name="gender" value="female">
    <label for="female">女</label>
    <br>

    <!-- 复选框 -->
     <input type="checkbox" id="subscribe" name="subscribe" ckecked>
     <label for="subscribe">订阅推送消息</label>
    <br>
    <!-- 下拉列表  -->
     <label for="country">国家：</label>
     <select name="country" id="country">
     <option value="cn">CN</option>
     <option value="usa">USA</option>
     <option value="uk">UK</option>
    </select>

    <br>
    <!-- 提交按钮 -->
     <input type="submit" value="提交">
    </form>
</head>
<body>
    
</body>
</html>